<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta name="Author" content="Jenny.Zhan">
  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
  <meta name="format-detection" content="telephone=no" />
  <title>订单详情</title>
  <link rel="stylesheet" href="<{$ipath}>minisite/hotel/css/base.css">
  <link rel="stylesheet" href="<{$ipath}>minisite/hotel/css/layout.css">
  <script type="text/javascript" src="<{$ipath}>minisite/hotel/js/jquery-1.7.1.min.js"></script>
</head>
<body>
<div id="main">
	<header id="header">
		<div class="back" onclick="history.go(-1);"></div>
		<div class="title">订单详情</div>
	</header>
	<section class="info-card">
		<h1 class="title2"><{$hinfo.name}></h1>
		<ul class="order-list">
			<li>
				<label>酒店地址</label>
				<span class="ltxt"><{$hinfo.address}></span>
			</li>
			<li>
				<label>酒店电话</label>
				<span class="ltxt"><{$hinfo.tel}></span>
			</li>
			<li>
				<label>酒店房型</label>
                <{foreach item=v from=$order.tinfo}>
					<span class="ltxt"><{$v.tname}> <{$v.pname}></span>
                <{/foreach}>
			</li>
		</ul>
		<ul class="hotel-bar">
			<li><a href="?a=hshow&type=1&hid=<{$hinfo.id}>">
				<i class="hotel-icon-info"></i>
				酒店详情</a>
			</li>
			<li><a href="tel:<{$hinfo.tel}>">
				<i class="hotel-icon-contact"></i>
				联系酒店</a>
			</li>
			<li><a href="?a=map&hid=<{$hinfo.id}>">
				<i class="hotel-icon-map"></i>
				酒店地图</a>
			</li>
            
		</ul>
	</section>
	<section class="info-card">
		<h1 class="title tc">入住信息</h1>
		<ul class="order-list">
			<li>
				<label>入离时间</label>
				<span class="ltxt"><span class="cblue"><{$order.in_time}></span>  至  <span class="cblue"><{$order.out_time}></span>   共 <span class="corg"><{$order.daynum}></span> 晚</span>
			</li>
			<li>
				<label>预计到店</label>
				<span class="ltxt"><{$order.liu_time}></span>
			</li>
			<!--<li>
				<label>温馨提示</label>
				<span class="ltxt"></span>
			</li>-->
		</ul>
	</section>
	<section class="info-card">
		<h1 class="title tc">消费金额</h1>
		<ul class="order-list">
			<li>
				<label><{if $order.status==4 || $order.status==5}>在线支付<{else}>到店支付<{/if}></label>
				<span class="ltxt corg">￥<{$order.amount}></span>
			</li>
		</ul>
	</section>
	<section class="info-card">
		<h1 class="title tc">入住信息</h1>
		<ul class="order-list">
			<li>
				<label>订单编号</label>
				<span class="ltxt"><{$order.order_sn}></span>
			</li>
			<li>
				<label>下单时间</label>
				<span class="ltxt"><{$order.add_time}></span>
			</li>
			<li>
				<label>预订客户</label>
				<span class="ltxt"><{$order.create_name}></span>
			</li>
			<li>
				<label>预订电话</label>
				<span class="ltxt"><{$order.create_phone}></span>
			</li>
		</ul>
	</section>
	<div class="operat">
        <{if $order.status==4}>
		<a href="?a=wxpay&sn=<{$order.order_sn}>" id="wxpay" style="display:none" class="btn-org">付款</a>
		<a href="?a=alipay&sn=<{$order.order_sn}>" id="alipay" style="display:inline-block" class="btn-org">付款</a>
        <{/if}>
        <{if $order.status==3}>
		<a class="btn-grey ">订单已取消</a>
        <{elseif $order.status==5 || $order.status==6 || $order.status==7}>

        <{else}>
		<a class="btn-org ordercancel">取消预订</a>
        <{/if}>
	</div>
</div>

<div class="mask"></div>
<div class="layer-quit pf">
	<ul class="list-quit">
		<li class="item2"><a href="?a=delmyorder&orderid=<{$order.id}>">确定取消订单</a></li>
	</ul>
	<div class="cancel">取消</div>
</div>

<script>
	window.onload = function() { 
		var ua = navigator.userAgent.toLowerCase();
		if(ua.match(/MicroMessenger/i) == "micromessenger"){
			 document.getElementById("header").style.display="none";
			 document.getElementById("wxpay").style.display="inline-block";
			 document.getElementById("alipay").style.display="none";
		}
	}; 

	$('.ordercancel').click(function(){
		$('.mask').show();
		$('.layer-quit').slideDown();
	});
	$('.cancel, .mask').click(function(){
		$('.layer-quit').slideUp();
		$('.mask').hide();
	});

</script>
</body>
</html>